<template>
  <div class="app-container">
    <!-- tabs标签 -->
    <div class="form-row">
      <el-row>
        <el-tabs v-model="activeName" type="border-card">
          <el-tab-pane label="答案" name="answer"> <answer ref="answer"/></el-tab-pane>
          <el-tab-pane label="模板" name="templateQuestionnaire"><templateQuestionnaire ref="templateQuestionnaire"/></el-tab-pane>
          <el-tab-pane label="问卷" name="questionnaire"><questionnaire ref="questionnaire"/></el-tab-pane>
        </el-tabs>
      </el-row>
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex';
import { dictionary } from '@/utils/dictMixin';
import answer from './tabs/answer.vue';
import templateQuestionnaire from './tabs/templateQuestionnaire.vue';
import questionnaire from './tabs/questionnaire.vue';
export default {
  name: 'QuestionnaireMake',
  components: {
    answer,
    templateQuestionnaire,
    questionnaire
  },
  mixins: [dictionary],
  data() {
    return {
      activeName: 'questionnaire'
    };
  },
  computed: {},
  mounted() {},
  methods: {}
};
</script>

<style scoped>
.dialog-form {
  width: 100%;
  margin: 0;
}

.el-checkbox-group .el-checkbox + .el-checkbox {
  margin: 0;
}
</style>
